<template>
  <van-row type="flex" align="center" >
    <van-col :span="2">
      <van-checkbox v-if="mode==='multi'" :name="item"></van-checkbox>
    </van-col>
    <van-col :span="20">
      <div class="L-text L-bold">{{item.title}}</div>
      <div class="L-secondary-text-color L-small-text" v-html="item.value"></div>
      <div class="L-secondary-text-color L-small-text" v-html="item.label"></div>
      <!-- <div >
        <span class="L-secondary-text-color L-small-text">{{item.idparent_ref}}</span>
      </div> -->
    </van-col>
    <van-col :span="2">
      <!-- <i v-if="mode==='normal'" class="iconfont icon-jiufuqianbaoicon07"></i> -->
    </van-col>
  </van-row>

</template>

<script setup lang="ts">
import { onMounted, ref, defineProps } from "vue";
const props = defineProps({
  item: Object,
  default: {},
  mode: {
    type: String,
    default: "normal",
  },
  handleRefClick: {
    type: Function,
    default: () => {},
  },
});



// function handleClick(item: object) {
//   const { handleRefClick, mode } = props;

//   if (mode === "normal") {
//     const returnObj = {
//       id: item.id,
//       title: item.sname,
//     };
    

//     handleRefClick(returnObj);
//   }
// }
</script>

<style scoped>
</style>